
*.text-left{
	text-align: left;
}
*.text-center{
	text-align: center;
}
*.text-right{
	text-align: right;
}
*.text-top{
	vertical-align: top;
}
*.text-middle{
	vertical-align: middle;
}
*.text-nowrap{
	white-space: nowrap;
}
*.text-pre{
	white-space: pre;
}
*.text-breakAll{
	-ms-word-break: break-all;
	word-break: break-all;
}

.text-ellipsis(){
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}


*.text-ellipsis{
	.text-ellipsis();
}
*.text-unellipsis{
	overflow: auto;
	text-overflow:normal;
	white-space:normal;
}


.text-sm{
	font-size: 12px;
}
.font-size-12{
	font-size: 12px;
}
.font-size-16{
	font-size: 16px;
}



*.bold{
	font-weight: bold;
}

.text-default{
	color: #999;
}
.text-default-light{
	color: #ccc;
}
.text-primary{
	color: @text-color-primary;
}
.text-primary-deep{
	color: @text-color-primary-deep;
}
.text-warning{
	color: #f3b414;
}
.text-danger{
	color: @text-color-danger;
}
.text-number{
	font-family: arial;
}
.number-lg{
	font-size: 20px;
}
.link-default{
	color: #999;
	text-decoration: underline;
	&:hover{
		text-decoration: underline;
	}
}
.link-primary{
	.text-primary;
	text-decoration: underline;
	&:hover{
		text-decoration: underline;
	}
}

.context-title{
	position: relative;
	padding-left: 10px;
	color: @text-color-primary;
	&:before{
		content:"";
		position: absolute;
		width: 6px;
		height: 6px;
		left: 0;
		top: 50%;
		margin-top: -3px;
		background-color: @text-color-primary;
		border-radius: 50%;
	}
}


